<html lang="en">
<head>
<meta charset="utf-8">
<title>Atlantis digit</title>

<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">

<!-- Styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap-overrides.css" rel="stylesheet">

<!-- <link href="css/ui-lightness/jquery-ui-1.8.21.custom.css" -->
<!-- 	rel="stylesheet"> -->

<link href="css/slate.css" rel="stylesheet">
<link href="css/slate-responsive.css" rel="stylesheet">

<link href="css/style.css" rel="stylesheet">

<!-- <link href="css/coda-slider.css" rel="stylesheet"> -->
<!-- <link href="css/pages/dashboard.css" rel="stylesheet"> -->

<link href="css/jquery.qtip.min.css" rel="stylesheet">


<!-- Javascript -->
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery.qtip.js"></script>

<script src="js/jquery.rwdImageMaps.min.js"></script>

<!-- <script src="js/jquery-ui-1.8.21.custom.min.js"></script> -->
<!-- <script src="js/jquery.ui.touch-punch.min.js"></script> -->

<script src="js/bootstrap.js"></script>

<script src="js/Slate2.js"></script>

<!-- <script src="js/plugins/excanvas/excanvas.min.js"></script> -->
<!-- <script src="js/plugins/flot/jquery.flot.js"></script> -->
<!-- <script src="js/plugins/flot/jquery.flot.orderBars.js"></script> -->
<!-- <script src="js/plugins/flot/jquery.flot.pie.js"></script> -->
<!-- <script src="js/plugins/flot/jquery.flot.resize.js"></script> -->

<style type="text/css">
* {
	padding: 0px;
	margin: 0px;
}
</style>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
        <script src="./ressources/js/html5.js"></script><![endif]-->
</head>
<body style="padding: 0px; margin: 0px;">

	<div class="container-fluid"
		style="padding-left: 2px; padding-right: 2px;">
		<div class="row-fluid">

			<div class="span12">
				<!-- /.widget -->
				<div class="widget">

					<div class="widget-header">

						<h3>
							<i class="icon-sitemap"></i> Processus &amp; Téléchargement

						</h3>

						<div class="widget-actions"></div>
						<!-- /.widget-actions -->
					</div>
					<!-- /.widget-header -->

					<div class="widget-tabs">
						<ul class="nav nav-tabs">
							<li class="active"><a href="#processus">&nbsp;&nbsp;&nbsp;Processus</a>
							</li>

							<li><a href="#telechargement"><span class="badge"><?php if(is_array($attach_list)) echo count($attach_list); else echo "0"; ?></span>&nbsp;&nbsp;&nbsp;Téléchargements</a></li>
						</ul>

					</div>
					<!-- /.widget-tabs -->

					<div class="widget-content" style="min-height: 585px;">

						<div class="tab-content" style="min-height: 585px;">
							<div class="tab-pane active" id="processus">


								<img style="max-height: 580px;" usemap="#atlantis-map"
									src="./img/slides/<?=$img_name ?>" alt="<?=$img_name ?>"
									width="<?=$img_width?>" height="<?=$img_height?>">

								<map name="atlantis-map">
                                            	<?php foreach ($img_map as $area):?>
                                            	  <?php $hasDesc = ! ( empty($area['description']) || strlen( trim($area['description']) ) === 0)?>
                                            		<area shape="rect"
										coords="<?=$area['coords']?>" title="<?=$area['title']?>"
										alt="<?=$area['title']?>"
										href="<?php echo  ($area['url_extern'] === "1") ? $area['url'] : ( ($area['url'] === "#") ? "#" : "./".$area['url'].".html" ) ?>"
										<?php if($area['url_extern'] === "1") echo 'target="_blank"'; ?>
										class="<?=($hasDesc)?'hasDesc':'' ?>">
                                            		<?php if($hasDesc) :?>
                                            			<div
										style="display: none;">
												
 												<?php echo htmlspecialchars_decode($area['description']) ?>
                                            			
											</div>
                                            		<?php endif;?>
                                            	<?php endforeach;?>
                                            </map>


							</div>
							<div class="tab-pane " id="telechargement">
								<div id="toppanel">
                                                <?php if (is_array($attach_list) && count($attach_list) > 0): ?>
                                                    <ul class="aligned">
                                                        <?php foreach ($attach_list as $file): ?>
                                                            <li class="file"><a
											class="file <?= end(explode('.', $file)) ?>" target="_blanck"
											href="./attachments/<?= $file_name . '/' . $file ?>"><?= $file ?></a></li>
                                                        <?php endforeach; ?>	
                                                    </ul>
                                                <?php else: ?>
                                                    <h3>Aucun Attachment</h3>
                                                <?php endif; ?>
                                            </div>
							</div>

						</div>

					</div>
					<!-- /.widget-content -->

				</div>
				<!-- /.widget -->

			</div>
			<!-- /.span12 -->

		</div>
		<!-- /.row-fluid -->
	</div>
	<!-- /.container-fluid-->


	<script type="text/javascript">
            jQuery(document).ready(function(e) {
            	jQuery('img[usemap]').rwdImageMaps();
            	$('.hasDesc').each(function() {
                	$this = $(this); 
    				    $(this).qtip({
    				        content: {
    				            text: $(this).next('div')
    				        },
    				        style: {
    					        classes: 'qtip-bootstrap'
    					    },
    					     position: {
    					        my: 'top center',  // Position my top left...
    					        at: 'bottom center', // at the bottom right of...
    					        target: $this // my target
    					    }

    				    });
    				});
            });
            </script>

	<!-- /#footer -->
</body>
</html>


